Desenvolvimento de website com frontend em HTML5 integrado com gerenciador de conteúdos dinâmicos (CMS) e gestão de …

OBJETO DA RFP

Esse documento se destina a especificar a contratação de profissional capacitado para o desenvolvimento imediato de um sistema de website, composto por um frontend no formato landing page responsivo e dinâmico, que irá ser programado através de um painel de configuração de conteúdos integrado com módulo de afiliados, que irá comandar os conteúdos que irão aparecer em um dos dois modelos de wireframes previstos neste projeto, assim como os parametrizar o código do formulário do formulário de conversão da landing page, de acordo com a URL do afiliado de entrada.
Após o preenchimento do formulário, o usuário será encaminhado para uma página de agradecimento, com um botão de Call to Action, onde a URL de destino deverá ter campos personalizados pelos dados da URL de entrada e o campos do formulário preenchido na página de conversão.

SOBRE O LAYOUT

Esse projeto contempla a construção de 2 modelos de wiframes para a página de conversão e 1 modelo de wireframe para a página de agradecimento. Os wireframes mencionado são:

Wireframe 1

Topo: Logomarca, botão compartilhar website
Faixa 1: Título, subtítulo, formulário de 3 campos inserido em mockup de um smartphone.
Faixa 2: 3 Ícones com pequeno texto abaixo
Faixa 3: Imagem, título e parágrafo
Rodapé informativo

Wireframe 2

Topo: Logomarca, botão compartilhar website
Faixa 1: Título, subtítulo e formulário de 3 campos inserido em mockup de um smartphone.
Faixa 2: Vídeo
Faixa 3: Imagem, título e parágrafo
Rodapé informativo



Wireframe Página de Página de Agradecimento

Topo: Logomarca
Faixa 1: Título, subtítulo, imagem e botão de CTA
Rodapé informativo


SOBRE O CONTEÚDO

Os conteúdos que serão inseridos nos wireframes acima deverão ser totalmente dinâmicos, exceto o formulário. Esses conteúdos deverão ser indexados de uma tabela de parâmetros que irá alterar a cor, imagens, logomarca, url de vídeo, textos, títulos, dados do rodapé, etc.
O conteúdo dinâmico se destina ao uso de urls de subdomínio personalizadas que serão utilizadas para o programa de afiliados.

URLS PERSONALIZADAS

O projeto contempla a criação de urls de subdomínios que serão utilizadas para identificar os canais de marketing ou afiliados. Essas urls estarão vinculadas a um campo específico da tabela de conteúdos dinâmicos, ou seja, ao acessar o website usando uma url de subdomínio, o mesmo mostrará os conteúdos indexados para aquele afiliado ou para aquele canal de marketing digital.

OS AFILIADOS

Os afiliados são divulgadores das urls personalizadas com conteúdo dinâmico. A criação dos afiliados deverá ser feita no painel de gestão de conteúdos do website, onde serão preenchidos os requisitos necessários para a configuração do conteúdo dinâmico, assim como parâmetro que serão utilizados pelo formulário de contatos e dados de remarketing do facebook e google.
Por default, as configurações de conteúdos serão iguais a da url principal (sem o subdomínio) e poderão ser editadas caso necessário.

OS MOBILIZADORES DOS AFILIADOS

O painel de gestão deverá permitir a criação de uma categoria abaixo dos afiliados que são os mobilizadores. Esses mobilizadores serão pessoas que irão ajudar o afiliado a divulgar o seu link, mas não irão alterar o conteúdo do website. A identificação dos mobilizadores ocorrerá através de um código inserido no final da URL, como o exemplo abaixo:
************ (Onde 01 corresponde ao mobilizador 01 do Afiliado X )
SOBRE O PAINEL DE GESTÃO

O painel de gestão que deverá ser criado para o projeto em questão, com a finalidade de gerenciar as configurações do website, os conteúdos dinâmicos, os afiliados e seus conteúdos dinâmicos e os mobilizadores. Outra função do esse painel não necessitará obrigatoriamente ter a gestão de usuários, podendo ser acessado por uma conta admin, mas se essa possibilidade existir será bastante útil.
Segue abaixo o detalhamento de como deverá ser desenvolvido esse painel de gestão:

1 - Menu Principal

1 - Configurações > Sistema
> Conteúdo Principal

2 - Afiliados > Adicionar
> Listar (Editar, Inativar e Remover)
> Mobilizadores (Criar, Editar, Remover)

3 - Relatórios > Sintético > Por Afiliado
> Por Mobilizador
> Analítico

1 - Configurações:

1.1 - Sistema:
Domínio do site
Token de integração do formulário
Parâmetros da URL do CTA da Página de agradecimento
Pixel do Facebook e Remarketing do Google da Landing Page e Página de agradecimento.
Código html opcional a ser inserido no rodapé do Website (chat de terceiros)
Outras configurações básicas desejadas.

1.2 - Conteúdo Principal
Wireframe (Tipo 1 ou 2)
Logomarca
Cores dos Backgrounds, faixas, botões, etc.
Imagens principal
Título 1
Subtítulo 1
Título 2
Texto
URL de vídeo
Dados do Rodapé


2 - Afiliados

2.1 - Adicionar
Nome do Afiliado
Url do subdomínio (/afiliadox)
Dados do conteúdo dinâmico do CMS
ID do Afiliado
Esquema de cores
Imagens
URL de Vídeo
Textos
Ícones
Títulos, etc.

2.2 - Editar, Inativar ou Remover
Ao inativar um Afiliado o mesmo continuará sendo mostrado nos relatórios mas a sua URL estará inativa e ao ser acessada irá ser direcionada para o domínio raiz.

2.3 - Mobilizadores
Nome
WhatsApp
Afiliado vinculado
ID sequencial automático
URL do mobilizador

3 - Relatórios

3.1 - Sintético
Relatório irá mostrar o número de visitas e conversões por cada url de afiliado e mobilizador. Esse relatório deverá possuir um filtro de seleção por período e a possibilidade de ser exportado para csv ou excel.

3.1.1 - Relatório de por Afiliado

Ranking
Afiliado
Mobilizadores
Acessou
Preencheu
Converteu
1
José
Todos
100
60
50
2
Mário
Todos
80
70
60


Total
Todos
********** Relatório de por Mobilizador

Ranking
Afiliado
Mobilizadores
Acessou
Preencheu
Converteu
1
José
Ricardo
100
60
50
2
Mário
Ruy
80
70
60


Total
Todos
********** Analítico
Relatório irá mostrar o todas as visitas e conversões por cada url de afiliado e mobilizador e o seu status. Esse relatório deverá possuir um filtro de seleção por período e a possibilidade de ser exportado para csv ou excel.

Item
Nome
WhatsApp
Texto
Afiliado
Mobilizador
Status
1






José
Ricardo
Acessou
2
João
**********
Centro
Mário
Ruy
Preencheu
3
Celma
**********
Jardins
José
Ricardo
Converteu
4






Principal
Google
Acessou

O relatório acima explica como deverão ser mostradas as visitas feitas. Note que alguns campos de nome, whatsapp e texto estão em branco devido a falta de preenchimento do mesmo pelo usuário, sendo assim o seu status final está em acessou. Nos outros estágios do funil, os dados aparecem, pois o formulário foi preenchido, indo do estágio 1 (Acessou) para o 2 (Preencheu).

Obs: Esse relatório poderá ser criado também com os 3 estágios de conversão e não somente com o estágio final, classificado na tabela acima como status.


O FORMULÁRIO

Em cada página existirá um formulário com 3 campos somente, que são: Nome, Whatsapp e um campo texto livre. Esses campos deverão ser salvos para relatórios assim como serão utilizados em campos variáveis do código html utilizados por uma requisição Json Post que será realizada assim que o usuário clicar em enviar. O código html do formulário irá ter 2 campos variáveis que serão preenchidos por dados inseridos no painel de gestão, que são o Token de integração e id do afiliado, que serão usados pela requisição json post.

DESIGNER

Iremos gerar em conjunto um estilo de designer para os wireframes onde existirão variações de conteúdos mas mantendo a mesma tipografia de fontes e disposição. Seguiremos um conceito clean na formatação das linhas de transição entre as faixas e poderá ser aceito efeitos de transição ou animação ao aparecer um conteúdo.

SOBRE O FLUXO DE CONVERSÃO DO USUÁRIO

O usuário irá acessar uma das urls ativas no painel do gestor e chegará a uma landing page explicativa (Conversão 1), onde a conversão seguinte será o preenchimento do formulário. Ao preencher esse formulário e clicar em enviar (Conversão 2), os dados preenchidos serão inseridos na tabela de dados para relatórios e ao mesmo tempo enviados para o sistema externo via api.
Após essa etapa o usuário será encaminhado para a página de agradecimento que terá um texto pedindo para que o usuário clique no botão de CTA. Após clicar nesse botão (Conversão 3) a url irá encaminhar o usuário para o whatsapp através do link da api do aplicativo, como uma mensagem pré-formatada com a utilização dos campos variáveis Nome e Texto preenchido no formulário da página anterior.

CONDIÇÕES GERAIS DE FORNECIMENTO

Caberá ao desenvolvedor entregar todo o sistema em perfeito funcionamento, assim como oferecer manuais de instalação e documentação sobre a os códigos utilizados.
Fornecer todas as instruções de hospedagem e utilização do sistema.
Fornecer preço para criação de mais wireframes assim como o desenvolvimento ou ajuste do sistema criado.